<!DOCTYPE html>
<html>
<head>
    <title></title>
	<link href="../bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<style>
body{
  background: rgba(0,0,0,0); font-family: 幼圆;
}
.xljform{
  background: rgba(255,255,255,0.3);position:relative;top:10px;width:500px;left: 120px;border-radius: 0 0 20px 20px;
}
.blocktop{
  background: rgba(255,255,255,0.5);border-radius: 20px 20px 0 0;position:relative;top:10px;width:500px;height:40px;left: 120px;margin-bottom: 15px;
  text-align: center;
}

</style>
</head>
<body>
<div class="container" style="position:relative;left:-40px;">
    <form action="" class="form-horizontal" id="yzk_state_search">
            <div class="blocktop">
           <h3 style="color:white;position:relative;top:8px;" >会员积分结算</h3>
        </div>
        <div class="xljform" style="padding:20px;">
          <div class="row" align="center">
            <div class="col-sm-12" >
                <label class="control-label" style="color:white">请选择开始时间:</label>
                <br><br>
                <div class="controls input-append date form_datetime" data-date="2014-08-10T05:25:07Z" data-date-format="yyyy-mm-dd HH:ii:ss" data-link-field="dtp_input1">
                    <input class="form-control" size="5" type="text" value="" readonly id="startDate5" style="width:250px;">
                    <span class="add-on"><i class="icon
                        -remove"></i></span>
                <span class="add-on"><i class="icon-th"></i></span>
                </div>
                <input type="hidden" id="dtp_input1" value="" /><br/>
            </div>
          </div>
         
          <div class="row" align="center">
            <div class="col-sm-12">
                <label class="control-label" style="color:white">请选择结束时间:</label>
                <br><br>
                <div class="controls input-append date form_datetime" data-date="2014-08-10T05:25:07Z" data-date-format="yyyy-mm-dd HH:ii:ss" data-link-field="dtp_input1">
                    <input class="form-control" size="5" type="text" value="" readonly  id="endDate5" style="width:250px;">
                    <span class="add-on"><i class="icon-remove"></i></span>
                    <span class="add-on"><i class="icon-th"></i></span>
                </div>
                <input type="hidden" id="dtp_input1" value="" /><br/>
            </div>
            <br><br><br><br><br><br>
            <div class="row">
              <div class="col-sm-12" align="center">
                 <button type="button" class="btn btn-info" id="point_settle_btn" onclick="point_settle_btn_click();">查询</button>
              </div>
            </div>
          </div>
        </div>
    </form>
    <br> <br> <br> <br> <br> <br> <br> <br>
    <div id="point_settle_btn_click_div" style="display:none;">
    <div class="row" style="position:relative;left:30px;color:white;"  display>
          <div class="col-md-12">
            <table class="table">
              <thead>
                <tr>
                  <th width="20%" style="text-align:center">积分编号</th>
                  <th width="20%" style="text-align:center">会员卡卡号</th>
                  <th width="20%" style="text-align:center">积分数</th>
                  <th width="30%" style="text-align:center"> 
                        <div align="center">
                               <select name="herolist" value="上缴状态" class="select-block" style="color:black;">
                                 <option value="0">未上缴</option>
                                 <option value="1">已上缴</option>
                                 <option value="2">上缴状态</option>
                               </select>
                        </div> </th>
                  <th width="50%" style="text-align:center"> 操作 </th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td style="text-align:center">1</td>
                  <td style="text-align:center">001</td>
                  <td style="text-align:center">2000</td>
                  <td style="text-align:center">已上缴</td>
                  <td><div align="center">
                      <button type="button" class="btn btn-primary" disable="disabled"  id="uppointsBtn">
                         上缴积分
                      </button>
                       </div></td>
                </tr>
                <td style="text-align:center">2</td>
                  <td style="text-align:center">002</td>
                  <td style="text-align:center">1000</td>
                  <td style="text-align:center">已上缴</td>
                  <td><div align="center"><button type="button" class="btn btn-primary " id="gotocardBtn2" >上缴积分</button> </div></td>
                </tr>
                <tr>
                  <td style="text-align:center">3</td>
                  <td style="text-align:center">003</td>
                  <td style="text-align:center">200</td>
                  <td style="text-align:center">未上缴</td>
                  <td><div class="row demo-row">
                      <div align="center"> <button type="button" class="btn btn-primary " id="gotocardBtn3">上缴积分</button></div>
                    </div></td>
                </tr>
                <tr>
                  <td style="text-align:center">4</td>
                  <td style="text-align:center">004</td>
                  <td style="text-align:center">4500</td>
                  <td style="text-align:center">未上缴</td>
                  <td><div class="row demo-row">
                      <div align="center"> <button type="button" class="btn btn-primary" id="gotocardBtn4">上缴积分</button></div>
                    </div></td>
                </tr>
               </tbody>
            </table>
          </div>
      </div>
          <div>
          <!-- xlj:预制卡状态查询End-->
</div>
<script type="text/javascript" src="../jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
<script type="text/javascript">
    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		forceParse: 0,
        showMeridian: 1
    });
	$('.form_date').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		minView: 2,
		forceParse: 0
    });
	$('.form_time').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 1,
		minView: 0,
		maxView: 1,
		forceParse: 0
    });
    function point_settle_btn_click(){
    $("#point_settle_btn_click_div").fadeToggle(500);

    }
</script>

</body>
</html>